<template>
  <div class="right-container">
    <h2>Right</h2>
  </div>
</template>

<script>
export default {
  // 第九个钩子函数    激活阶段
  activated() {
    console.log("======== MyRight组件被激活");
  },
  //第十个钩子函数
  deactivated() {
    console.log("======== MyRight组件失活了");
  },
};
</script>

<style lang="less" scoped>
.right-container {
  background-color: burlywood;
}
</style>
